<template>
   <div id="box">
       <header>          
            <span class="one" @click="fanhui">
              取消
            </span>           
            <span class="two">
              一购网 - 注册
            </span>          
       </header>
       <main>
        <div class="one">
          <p>
            <img src="../assets/img/shouji.png" >
            <input type="text" placeholder="请输入您的手机号码"/>
            <span>点击获取验证码</span>
          </p>
        </div>
        <div class="two">
          <p>
            <img src="../assets/img/yaoshi.png" >
            <input type="text" placeholder="请输入手机验证码"/>
          </p>
        </div>
        <div>
          <p>
            <img src="../assets/img/suo.png" >
            <input type="text" placeholder="请输入您的登录密码"/>
          </p>
        </div>
       </main>
       <section>          
         <button>下一步</button>      
       </section>  
       <article>
         忘记密码？
       </article>                     
   </div>
</template>

<script>
export default {
  name: 'zhuce',
 methods:{
  fanhui(){
    this.$router.go(-1)
  }
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '.././assets/less/zhuce.less';
    @import '.././assets/css/reset.css';
</style>